@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Arimo');

/* Interview用CSS
テンプレートインポートDIV：#specialImport
記事インポートDIV：#specialImportBody
*/

#specialImport hgroup > p, #specialImportBody hgroup > p{/* TOPImages */
	margin:10px 0 0; }
#specialImport hgroup div, #specialImportBody hgroup div {/* headerTXTbox */
	background-color:#f7f6f6; border:1px solid #dfdfdf;
	margin:10px 0; padding:10px 10px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    	}
#specialImport hgroup span, #specialImportBody hgroup span{ font-size:11px; font-size:1.1rem; color:#666; }
#specialImport hgroup span img, #specialImportBody hgroup span img{ vertical-align:middle; }

#specialImport hgroup div p, #specialImportBody hgroup div p {/* headerTXT */
	font-size:16px; font-size:1.6rem; padding-bottom:15px; line-height:1.8; 
	}
#specialImport hgroup div h4, #specialImportBody hgroup div h4 {/* headerTXTh4 */
	font-size:14px; font-size:1.4rem; font-weight:normal; margin-bottom:10px;
	}
#specialImport h5, #specialImportBody h5{ /* InterviewMainTXT h5 */
	color:#bc4877; border-bottom:1px solid #bc4877; border-top:1px solid #bc4877;
	font-size:16px; font-size:1.6rem; text-align:center; padding:5px 0; margin:10px 0 15px;
}

#maintext h7, #specialImportBody h7{ font-size:16px; font-size:1.6rem; font-weight:600; margin:0 0 5px; }

#maintext h8, #specialImportBody h8{ font-size:20px; font-size:2.0rem; font-weight:600; margin:0 0 5px; }


#specialImport .imgPhoto, #specialImportBody .imgPhoto{ /* PhotoRightPosition */
	float:right; color:#888; max-width:200px; font-size:11px; font-size:1.1rem; line-height:1em;
}
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img{
	border:1px solid #888; max-width:200px; max-height:200px; margin-bottom:5px;
}
#specialImport .imgPhoto a img:hover, #specialImportBody .imgPhoto a img:hover{
	border:1px solid #ff8400;
}
#specialImport #maintext, #specialImportBody #maintext{
	padding:10px 20px; border:1px solid #ccc; background-color:#fff;
}

/* 共通Pスタイル */
#specialImport #maintext p, #specialImportBody #maintext p{
	font-size:16px; font-size:1.6rem; padding-bottom:15px; line-height:1.8; 
}
#specialImport h5, #specialImportBody h5{ /* InterviewMainTXT h5 */
	color:#bc4877; border-bottom:1px solid #bc4877; border-top:1px solid #bc4877;
	font-size:20px; font-size:2.0rem; font-weight:bold; text-align:center; padding:5px 0; margin:10px 0 15px;
}



#specialImport a, #specialImportBody a{ color:#2A3FAA; text-decoration:underline; }
#specialImport a:hover, #specialImportBody a:hover{ color:#FF5F00; text-decoration:none; }
.caption a{ color:#2A3FAA; text-decoration:underline; }
.caption a:hover {color:#FF5F00; text-decoration:none; }
.c_interviewer{ margin-bottom:-15px; }
#nextpageTitle p img{ vertical-align:middle; margin-right:5px; }
#nextpageTitle p{ text-align:center; font-size:14px; font-size:1.4rem; }
#sublinks h6, #photothumb h6{ background:url(/common/img/sidemenuback.png) repeat; margin:0 0 10px; padding:5px; font-size:15px; font-size:1.5rem;
font-weight:normal; color:#808080; }
#sublinks ul{ margin:0 0 15px ; padding:0 0 0 15px; color:#A0A0A4; }
#maintext #pager { margin:10px 0 30px; text-align:center; background:none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:10px 0 0; border-top:1px dotted #ccc; }
#maintext #pager a{ color:#888; text-decoration:none; font-size:10px; font-size:1.0rem; padding:3px 7px; }
#maintext #pager ol{ list-style:none; display:inline; padding: 0 5px; }
#maintext #pager li{ display:inline-block	; *display:inline; *zoom:1; vertical-align:middle; font-size:14px; font-size:1.4rem; color:#484848; margin:0 5px; }
#maintext #pager li.select{ -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:5px 10px; border:none; vertical-align:top; }
#maintext #pager span{ display:block; color:#888; font-size:11px; font-size:1.1rem; }
#maintext #pager #sp_prev,#maintext #pager #sp_next{ padding:3px 7px; font-size:10px; font-size:1.0rem; color:#888; }
.writerName{ text-align:right; color:#888; font-size:11px; font-size:1.1rem; }
#photothumb{ margin-top: 40px; }
#photothumb p{ line-height:1.4; }
#photothumb img{ max-height:80px; max-width:80px; margin-bottom:5px; vertical-align:middle; border:1px solid #ccc; }
#photothumb img:hover{border:1px solid #ff8400;}
#maintext .imgPhotoCenter{ text-align:center; }
#maintext .imgPhotoCenter img{ border:1px solid #ccc; }
#maintext .imgPhotoRF{ float:right; margin: 0 0 0 20px; padding:0; }
#maintext .imgPhotoRF img{ border:1px solid #ccc; }
#maintext .imgPhotoLF{ float:left; margin: 0 20px 0 0; padding:0; }
#maintext .imgPhotoLF img{ border:1px solid #ccc; }
#maintext .musicVideo{ text-align:center; margin-bottom:15px; }
#photothumb h6,#sublinks h6{ clear:both; }
#ReleaseData {margin-bottom:1em; }
#ReleaseData h4{ font-size:large; text-decoration:underline; font-weight:bold; }
#ReleaseData p{ float:left; margin-right:1em; }
#ReleaseData dl{ float:left; overflow:hidden; }
#ReleaseData dd a{ display:block; margin-bottom:0.5em;}
#ReleaseData dd strong{ color:#FF5F00; }
#ReleaseData p img{ border:1px solid #ccc; }
#ReleaseData:after{ content: ""; display: block; clear: both; }/* cf */
#box {width: 575px; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; border: 0px solid #2F2A04; }
#box img {float: left; margin: 0px 10px 0px 0px; }
#box p {overflow: auto;	/* for modern browser */ zoom: 1;	/* for ie6 */ line-height: 1.5; }



/*TABLE*/

  table.table1 {
	overflow: auto;
	border-collapse: collapse;
	padding:0;
    margin:0;
    float: left;
	width: 100%;
  }
  table.table1 th, td {
	 
    border: 1px solid black;
    text-align: center;
	padding:10px 5px ;
    vertical-align:middle;
	font-family:Poppins, Noto Sans JP;
	font-size:1.2em;
	font-size:12px; 
  }
  
@media screen and (max-width: 400px) {
  table.table1 th, td {
	font-size:0.7em;
	font-size:7px; 
    padding:5px 2px ;

}}

  table.table2 {
	overflow: auto;
	border-collapse: collapse;
	padding:0;
    margin:0;
    float: left;
	width: 100%;
  }
  
  table.table2 th, td {
	 
    border: 0px;
	border-color:transparent;
    text-align: center;
	padding:10px 5px;
    vertical-align:middle;
	font-family:Poppins, Noto Sans JP;
	font-size:1.2em;
	font-size:12px; 
  }

@media screen and (max-width: 600px) {
  table.table2 th, td {
	font-size:0.6em;
	font-size:6px; 
    padding:3px 1px ;

}}
  
#specialImport header, #specialImportBody header{
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
#specialImport header div, #specialImportBody header div{ 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 300px; 
  margin: .5vw; 
}
#specialImport header div img, #specialImportBody header div img{  
  width: 100%; 
  height: auto; 
}

@media screen and (max-width: 400px) {
  #specialImport header div, #specialImportBody header div { margin: 0; }
  #specialImport header, #specialImportBody header{  { padding: 0; }
  
}


@media screen and (max-width: 780px){
#content{ width:auto; }
#main{ width:auto; float:none; }
#maintext .imgPhotoRF img{ width:100%; }
#maintext .imgPhotoRF{ width:40%; }
#maintext .imgPhotoLF img{ width:100%; }
#maintext .imgPhotoLF{ width:40%; }
#maintext h7, #specialImportBody h7{ font-size:16px; font-size:1.6rem; font-weight:600; margin:0 0 5px; }	
#maintext h8, #specialImportBody h8{ font-size:18px; font-size:1.8rem; font-weight:300; margin:0 0 5px; }	
	
#side-menu{ display:none; }
#ReleaseData p { float:none; }
.musicVideo iframe{ width:300px; height:250px; }
#specialImport .imgPhoto, #specialImportBody .imgPhoto { max-width: 120px; }
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img { max-width: 120px; }
/* #ECitembox,.exbanner{ display:none;  } */
#specialImport hgroup img{ width:100%; height:auto; }
}
}


#specialImport .container, #specialImportBody .container {
  display: flex;
  flex-direction: column;
  border: 1px solid #000000;
border-radius: 20px;
margin: 15px;
padding: 15px 5px;
}

#specialImport .sidebar, #specialImportBody .sidebar {
  flex: 0 0 auto;
}

#content {
  flex: 1 1 auto;
  overflow: auto;
}

@media (min-width: 50px) {
#specialImport .container, #specialImportBody .container {
    flex-direction: row;
    height: 100vh;
  }
#specialImport .sidebar, #specialImportBody .sidebar {
    width: 18rem;
  }
}

#specialImport .main, #specialImportBody .main > * {
  padding: 1rem;
}



#specialImport .image-table, #specialImportBody .image-table  {
background-color: white;
 border: 0px solid rgba(0, 0, 0, 0);
 border-collapse: separate;
 border-spacing: 15px;
 table-layout: auto;
 width: 100%;}

#specialImport .image-table img , #specialImportBody .image-table img {
 width: 100%;
 -webkit-box-shadow: 0 0 3px #999;
 box-shadow: 0 0 3px #999;
margin-top: 10px;
}

#specialImport .image-table h3, #specialImportBody .image-table h3 {
  font-family: 'Poppins', sans-serif;
font-weight: 800;
  font-size: 30px;
  color: #444;}

#specialImport .image-table h4, #specialImportBody .image-table h4 {
  font-family: 'Poppins', sans-serif;
font-weight: 400;
  font-size: 16px;
line-height: 1.5;
  color: #444;}

#specialImport .image-table p, #specialImportBody .image-table p  {
  font-family: 'YuGothic', sans-serif;
  font-size: 13px;
  color: #444;}

@media (max-width: 479px) {
.image-table {
 border: 0px solid rgba(0, 0, 0, 0);
 border-collapse: separate;
 border-spacing: 10px;
 width: 100%;

}	
	
#specialImport .image-table, #specialImportBody .image-table {
 -webkit-box-shadow: 0 0 3px #999;
 box-shadow: 0 0 3px #999;
 width: 100%;
}	
	
#specialImport .image-table h3, #specialImportBody .image-table h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
line-height: 1.5;
  color: #444;}

#specialImport .image-table p, #specialImportBody .image-table p {
  font-family: 'YuGothic', sans-serif;
  font-size: 12px;
  color: #444;}}


#specialImport .table,  #specialImportBody .table {
  width: 100%;
table-layout: fixed;
}
#specialImport .table, #specialImport .th, #specialImport .td, #specialImportBody .table, #specialImportBody .th, #specialImportBody .td {
    border-collapse: collapse;
}
 
#specialImport .th, #specialImport .td, #specialImportBody .th, #specialImportBody .td {
   padding: 10px;
  border: 0.1rem solid;
  border-color: #D3D3D3;
}

 #specialImport .td width30,  #specialImportBody .td width30  {
        width: 30%;
    }
    
 #specialImport .td width70,  #specialImportBody .td width70 {
        width: 70%;
    }

 #specialImport td.width30,  #specialImportBody td.width30  {
        width: 30%;
    }
    
 #specialImport td.width70,  #specialImportBody td.width70 {
        width: 70%;
    }


#specialImport .p,  #specialImportBody .p {
	text-align: left;
}
#specialImport td.h2,  #specialImportBody td.h2 {

	text-decoration: none;
}

#specialImport .td h2,  #specialImportBody .td h2 {

	text-decoration: none;
}


#specialImport .a,  #specialImportBody .a {
font-size:16px; font-size:1.6rem; 
}